<template>
	<div>
		<Button type="text" style="margin:20px" @click="click">text</Button>
		<Button style="margin:20px;width:100px" @click="click">default</Button>
		<Button type="primary" style="margin:20px;width:100px" @click="click">1按钮按钮按钮按钮按钮按钮</Button>
		<Button type="info" style="margin:20px" @click="click">info</Button>
		<Button type="success" style="margin:20px" @click="click">success</Button>
		<Button type="warning" style="margin:20px" @click="click">warning</Button>
		<Button type="error" style="margin:20px" @click="click">error</Button>
		<div style="background:rgb(241,245,255)">
			<Button outline style="margin:20px" @click="click">default</Button>
			<Button outline type="primary" style="margin:20px" @click="click">primary</Button>
			<Button outline type="info" style="margin:20px" @click="click">info</Button>
			<Button outline type="success" style="margin:20px" @click="click">success</Button>
			<Button outline type="warning" style="margin:20px" @click="click">warning</Button>
			<Button outline type="error" style="margin:20px" @click="click">error</Button>
		</div>
		<div>
			<Button rounded style="margin:20px" @click="click">default</Button>
			<Button rounded type="primary" style="margin:20px" @click="click">primary</Button>
			<Button rounded type="info" style="margin:20px" @click="click">info</Button>
			<Button rounded type="success" style="margin:20px" @click="click">success</Button>
			<Button rounded type="warning" style="margin:20px" @click="click">warning</Button>
			<Button rounded type="error" style="margin:20px" @click="click">error</Button>
		</div>
		<div style="background:rgb(241,245,255)">
			<Button outline rounded style="margin:20px" @click="click">default</Button>
			<Button outline rounded type="primary" style="margin:20px" @click="click">primary</Button>
			<Button outline rounded type="info" style="margin:20px" @click="click">info</Button>
			<Button outline rounded type="success" style="margin:20px" @click="click">success</Button>
			<Button outline rounded type="warning" style="margin:20px" @click="click">warning</Button>
			<Button outline rounded type="error" style="margin:20px" @click="click">error</Button>
		</div>
		<div>
			<Button icon="fingerprint" style="margin:20px;width:120px" @click="click">default</Button>
			<Button icon="fingerprint" type="primary" style="margin:20px;width:120px" @click="click">1按钮按钮按钮按钮按钮按钮</Button>
		</div>
		<div>
			<Button round icon="fingerprint" style="margin:20px" @click="click"/>
			<Button round icon="fingerprint" type="primary" style="margin:20px" @click="click"/>
		</div>
		<div>
			<Button round disable icon="fingerprint" style="margin:20px" @click="click"/>
			<Button round disable icon="fingerprint" type="primary" style="margin:20px" @click="click"/>
		</div>
		<div style="background:rgb(241,245,255)">
			<Button disable outline style="margin:20px" @click="click">default</Button>
			<Button disable outline type="primary" style="margin:20px" @click="click">primary</Button>
			<Button disable outline type="info" style="margin:20px" @click="click">info</Button>
			<Button disable outline type="success" style="margin:20px" @click="click">success</Button>
			<Button disable outline type="warning" style="margin:20px" @click="click">warning</Button>
			<Button disable outline type="error" style="margin:20px" @click="click">error</Button>
		</div>
		<div>
			<Button rounded disable style="margin:20px" @click="click">default</Button>
			<Button rounded disable type="primary" style="margin:20px" @click="click">primary</Button>
			<Button rounded disable type="info" style="margin:20px" @click="click">info</Button>
			<Button rounded disable type="success" style="margin:20px" @click="click">success</Button>
			<Button rounded disable type="warning" style="margin:20px" @click="click">warning</Button>
			<Button rounded disable type="error" style="margin:20px" @click="click">error</Button>
		</div>
		<div>
			<Button disable type="text" style="margin:20px" @click="click">text</Button>
			<Button disable style="margin:20px" @click="click">default</Button>
			<Button disable type="primary" style="margin:20px" @click="click">primary</Button>
			<Button disable type="info" style="margin:20px" @click="click">info</Button>
			<Button disable type="success" style="margin:20px" @click="click">success</Button>
			<Button disable type="warning" style="margin:20px" @click="click">warning</Button>
			<Button disable type="error" style="margin:20px" @click="click">error</Button>
		</div>
		<div>
			<Button loading style="margin:20px" @click="click">default</Button>
			<Button loading type="primary" style="margin:20px" @click="click">primary</Button>
			<Button loading type="info" style="margin:20px" @click="click">info</Button>
			<Button loading type="success" style="margin:20px" @click="click">success</Button>
			<Button loading type="warning" style="margin:20px" @click="click">warning</Button>
			<Button loading type="error" style="margin:20px" @click="click">error</Button>
			<Button loading="文字" type="primary" style="margin:20px" @click="click">primary</Button>
			<Button loading="文字" type="primary" style="margin:20px" @click="click">
				primary
				<template #loading>
					加载插槽
				</template>
			</Button>
		</div>
	</div>
</template>

<script>
import Button from '@/components/pc/button';
export default {
	name:'index',
	components:{
		Button,
	},
	data(){
		return {
		};
	},
	methods:{
		click(){
			console.log('点击');
		}
	}
};
</script>

<style lang="scss">

</style>
